<%@ page import="com.enterprise.entity.ArticleCategory" %>

<%--
  Created by IntelliJ IDEA.
  User: Cesiumai
  Date: 2016/6/15
  Time: 9:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; UTF-8"
         pageEncoding="UTF-8" %>

<style>
    .success_item {
        width: 23%;
        height: 230px;
        float: left;
        text-align: center;
        padding: 0 10px;
    }

    .success_item h4 {
        margin-top: 10px;
    }

    .success_item img:hover {
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
</style>

<%@include file="/front/common/common.jsp" %>

<body>
<%@include file="/front/common/navigation.jsp" %>
<div class="banner" style="background-image: url(<%=path%>/resource/images/banner.jpg)">

</div>
<div class="warp_main">
    <div class="warp_right" style="width: 1100px">
        <c:forEach var="item" items="${pager.list}">
            <div class="success_item">
                <div style="vertical-align: middle; height: 160px; display: flex; overflow: hidden;">
                    <img style="width: 100%;height: 100%;margin: auto;cursor: pointer;transition: all 0.5s;overflow: hidden;"
                         src="<%=path%>${item.image}"
                         onclick="javascript:location.href='<%=path%>/succee/${item.id}'">
                </div>
                <h4><a href="<%=path%>/succee/${item.id}">${item.title}</a></h4>
            </div>
        </c:forEach>
        <div class="clear"></div>
        <div style="margin-top: 20px;">
            <%@include file="/front/common/page.jsp" %>
        </div>
    </div>
</div>

<%@include file="/front/common/foot.jsp" %>
